<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>博客管理</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/common.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/blogcss/blog-index.css}"/>
</head>
<body>
<!-- 公共头部 -->
<div th:replace="FrontPages/common/head::head(n=2)" name="headFrame"></div>

<div class="blog-index">
    <!-- 头部 -->
    <div class="blog-index-head">
        <ul class="layui-nav">
            <li class="layui-nav-item layui-this">
                <a onclick="opened(this)">我的博客</a>
            </li>
            <li class="layui-nav-item">
                <a onclick="opened(this)">私密</a>
            </li>
        </ul>
    </div>
    <!-- 博客 -->
    <div class="blog-index-box">
        <div class="blog-index-main">
            <!-- 功能 -->
            <div class="blog-index-button">
                <a th:href="@{/Blog/blogedit/0}">
                    <button class="layui-icon layui-icon-edit">写博客</button>
                </a>
                <button class="layui-icon layui-icon-template-1 x">批量管理</button>
                <button class="layui-icon layui-icon-template-1 y">退出批量管理</button>
                <ul class="userex-ul" style="display: none">
                    <li class="active">默认</li>
                    <!--<li>按时间</li>-->
                    <li>按访问量</li>
                </ul>
            </div>
            <!-- 批量管理 -->
            <div class="blog-index-managenment">
                <div class="all_select">
                    <input type="checkbox" id="select_all">
                    <span>全选</span>
                </div>
                <em class="cursor" onclick="delall(this);">删除</em>
                <!--<em class="cursor" onclick="setall(this);">设置为私密</em>-->
                <em class="cursor onmanagement">修改分类
                    <i class="layui-icon">&#xe625;</i> </em>
                <ul class="management-class  layui-anim layui-anim-upbit">
                    <li>全部博客</li>
                    <li th:each="cate:${cates}" th:value="${cate.cid}">
                        <span class="left" th:text="${cate.name}"  onclick="changeca(this);"></span>
                    </li>
                </ul>
            </div>
            <!-- 博客列表 -->
            <div class="blog-index-list">
                <ul th:id="blog-first-list">
                    <li th:each="blog:${blogs}">
                        <div class="blog-list-item">
                            <span th:text="${blog.title}" onclick="click0(this);" th:value="${blog.bid}">卡拉卡拉</span>
                            <span id="ledit">编辑
										<i class="layui-icon"></i></span>
                            <span id="time" th:text="${blog.date} "></span>
                            <ul class="management-list  layui-anim layui-anim-upbit">
                                <li th:value="${blog.bid}" onclick="click1(this);">编辑博客</li>
                                <li th:value="${blog.bid}" onclick="click2(this);">删除博客</li>
                                <!--<li>修改分类</li>-->
                                <li th:value="${blog.bid}" onclick="click4(this);">设为私密</li>
                            </ul>
                            <input type="checkbox" th:class="select_this">
                        </div>
                    </li>
                </ul>
                <!--<div th:id="test1"></div>-->
            </div>
        </div>

        <!-- 分类 -->
        <div class="blog-index-class">
            <div class="index-class-head">
                <h4>博客分类</h4>
                <span th:id="cate">管理</span>
            </div>
            <ul class="class-list">
                <li class="activeT" th:value="0">
                    <span class="left">全部博客</span>
                    <span class="right" th:text="'（'+${blognum}+')'"></span>
                </li>
                <li th:each="cate:${cates}" th:value="${cate.cid}">
                    <span class="left" th:text="${cate.name}">默认收藏夹</span>
                    <span class="right"></span>
                </li>
            </ul>
            <ul class="class-list2">
                <li th:value="0">
                    <span class="left">全部博客</span>
                    <span class="right" th:text="'（'+${blogs.size()}+')'"></span>
                </li>
                <li th:each="cate:${cates}" th:value="${cate.cid}">
                    <input class="layui-input left" th:value="${cate.name}"/>
                    <span class="right" th:value="${cate.cid}">修改</span>
                </li>
                <li>
                    <input class="layui-input left" />
                    <span class="right">添加</span>
                </li>
            </ul>
        </div>
    </div>
</div>

<!--公共尾部-->
<div th:replace="FrontPages/common/bottom::bottom" name="bottomFrame"></div>

<script type="text/jscript" th:src="@{/layui/layui.js}" src="../../../static/layui/layui.js">></script>
<script type="text/jscript" th:src="@{/layui/lay/js/blog-index.js}" src="../../../static/layui/lay/js/bolg-index.js">>
</script>
<!-- 背景特效 -->
<script th:src="@{/layui/lineEffects.js}"></script>
</body>
</html>
